<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /*  
      Promise的使用:
        - Promise是一个构造函数,使用的时候需要实例化,并且接受一个回调函数作为参数
        - 把异步代码放在promise的回调函数中处理(Promise自身的回调函数是同步的,Promise只是用来处理异步的)
        - Promise的回调函数接受两个参数 resolve,reject . 这两个参数都是函数,将来调用resolve函数就会把promise实例的状态改为成功,调用reject函数就会把promise实例状态改为失败
        - promise实例的状态只能由pending改为其他状态
        - resolve和reject函数只能改变promise的状态,并不能中断当前函数的继续运行
        - resolve和reject都接受一个参数,这个参数就是成功或失败的信息,将来会放在promise实例对象的某个属性上

    */

  const p1 = new Promise ((resolve,reject)=>{
    console.log('成功');
    try{
      // throw new Error('不好意思报错哦')
      setTimeout(()=>{
        resolve('aaaaa')  
      },2000)
    }catch(e){
      reject(e.message)
      console.log(e);
    }
    })
    console.log(p1);

    console.log(Promise.prototype);

    // Promise的then方法
      // -then方法是同步绑定的，但是then中回调函数是异步的需要等到调用then的promise实例状态改变
      // - then方法接受两个函数，分别处理成功的promise实例和失败的promise实例
      // -then接受的两个回调函数，都带有一个值，且这个两个值分别代表 promise实例成功和失败的值



      //then的返回值
        //-then默认返回一个成功状态的promise实例，值是回调函数的返回值
        //-当then中的回调函数返回的是promise实例的时候，则then方法的返回值和这个promise实例保持一致
        //-then中有报错但是没有被处理的时候，则then直接返回失败的promise实例，值为错误信息
        //当then没有处理调用的then当前promise的实例的时候，当前的promise的实例直接穿透


    // p1.then((a)=>{
    //   console.log('成功',a);
    // },(b)=>{
    //   console.log('失败',b);
    // })

    // console.log(p1.then(()=>{

    // }));
        //then的返回值补充
          //-不论是成功的promise进入then第一个参数，还是失败后进入第二个参数，then这两个参数中的回调函数都是按照同一个逻辑执行

      p1.then(()=>{
        return new Promise((resolve,reject)=>{
            try{
              //主动报错
              throw new Error ('我是个错误')
              setTimeout(() => {
                resolve('成功')
              },3000);
            }catch(e){
              reject(e.message)
            }
        })
        
      },
      //第二个参数 一般不写 后面用catch 专门抓捕
      ()=>{

      })

      //catch
      //专门用来捕捉 失败的promise的，then的第二个参数惊醒额操作一样


      p1.catch((reason)=>{
        return new Promise((resolve,reject)=>{

        })
      })

      //finally方法
        //-无论promise实例是成功还是失败，都能进入finally的回调函数中
      //finally 不接收promise的值
      //finally的返回值
        //-finally的返回值默认是穿透的，意思就是上面传下来的promise无论是怎么样的结果 ，返回值都是与上一次的结果想过。
        //如果内部回调函数返回是一个失败的promise的实例时，finally返回值和这个失败的promise实例保持一致
        // - finially的回调函数有报错，则finally返回失败的promise实例，值为错误信息




        p1.finally(()=>{
          
        })


  </script>
</body>

</html>